﻿<!DOCTYPE html>
<html>
<head>
<title>丸子妈妈</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<script src="res/jquery.js"></script>
<script src="fun.js"></script>
<link href="style.css" rel="stylesheet" />
<link href="animate.css" rel="stylesheet" />
</head>
<body>

<script>
setInterval(function(){
	num = Math.floor(Math.random()*9)+1;
	window.parent.playMessageGroup(num);
},200)
	
var message = [
	{"id":"gather_panel_1","name":"华山论剑家庭群","profile":"group_family.jpg","text":["周末一起出去郊游啊","那要记得带干粮啊","二姐上次买的饼是哪里买的"]},
	{"id":"gather_panel_2","name":"阳光小区物业群","profile":"group_home.jpg","text":["电费都交不起了","可不是嘛","是呀"]},
	{"id":"gather_panel_3","name":"华中区设计小分队","profile":"group_design.jpg","text":["看到一个很好玩的设计","分享进来看看","你确定么？"]},
	{"id":"gather_panel_4","name":"阳光小区妈妈大本营","profile":"group_mother.jpg","text":["今天小区有人遛狗","是啊，担心小孩出去玩","遛狗一定要牵绳啊"]},
	{"id":"gather_panel_5","name":"英语辅导2班家长交流群(30)","profile":"group2.jpg","text":["本年度考级已经全面启动，请大家留意群里的最新动态","我觉得不能放松","还是很好"]},
	{"id":"gather_panel_6","name":"吃货联盟","profile":"group_eat.jpg","text":["门口火锅店打7折啊！！","我没时间去啊， 要在家带娃","唉，那我们自己去了"]},
	{"id":"gather_panel_7","name":"海外代购杂货铺","profile":"group_word.jpg","text":["原单童装打7折，今天可以寄到国内","今天香港，送礼推荐，天气丹套装1300","还蛮便宜，给我来一套"]},
	{"id":"gather_panel_8","name":"小组leader集中营","profile":"group_leader.jpg","text":["这个月全勤奖又黄了","你们组的人天天迟到还好意思说","老板刚还找我谈话呢"]},
];
function addRecord(){
	execution = Math.floor(Math.random()*2);
	if(execution){
		randomNum = Math.floor(Math.random()*8);
		message_ = message[randomNum];
		randomTextNum = Math.floor(Math.random()*3);
		randomText = message_.text[randomTextNum];
		mId = message_.id;
		mName = message_.name;
		mProfile = message_.profile;
		mObj = $("#"+mId);
		mNum = parseInt(mObj.find("dt i").text())+1;
		mObj.remove();
		$("<div id="+message_.id+"><dl><dt style='background-image: url(img/profile/"+mProfile+");'><i>"+mNum+"</i></dt><dd><h2>"+mName+"</h2><h3>"+randomText+"</h3></dd></dl><div class='gather_del'>删除</div></div>").insertAfter($(".gather_firsttop"));
	}
}
var add = setInterval(addRecord,50);
setTimeout(function(){
	clearInterval(add);
}, 5000);

setTimeout(function () {
	window.parent.nextAnimation('page8.html');
}, 6000);

var h=17;
var m=05;
var time=0;
start();
function timer(){
	m=m+1;
	if(m>=60){ m=0; h=h+1; }
	str =toDub(h)+":"+toDub(m);
	document.getElementById('mytime').innerHTML = str;
	if(str=="18:00"){ clearInterval(time); }
}
function start(){ time=setInterval(timer,50); }
function stop(){ clearInterval(time); }
function toDub(n){ if(n<10){ return "0"+n; } else { return ""+n; } }
	
</script>

<div class="out">
	<div class="phone_top"><dl id="mytime">17:05</dl></div>
	<div class="gather">
		<div class="gather_list">
			<dl class="gather_firsttop">
				<dt style="background-image: url(img/timg.jpg);"></dt>
				<dd>
					<i>16:41</i>
					<h2>丸子妈妈营</h2>
					<h3>作业批改完成</h3>
				</dd>
			</dl>
			<div id="gather_panel_1">
				<dl>
					<dt style="background-image: url(img/profile/group_family.jpg);"><i>1</i></dt>
					<dd>
						<i>16:41</i>
						<h2>华山论剑家庭群</h2>
						<h3>周末一起出去郊游啊</h3>
					</dd>
				</dl>
			</div>
			<div id="gather_panel_2">
				<dl>
					<dt style="background-image: url(img/profile/group_home.jpg);"><i>1</i></dt>
					<dd>
						<i>16:41</i>
						<h2>阳光小区物业群</h2>
						<h3>电费都交不起了</h3>
					</dd>
				</dl>
			</div>
			<div id="gather_panel_3">
				<dl>
					<dt style="background-image: url(img/profile/group_design.jpg);"><i>1</i></dt>
					<dd>
						<i>16:41</i>
						<h2>华中区设计小分队</h2>
						<h3>看到一个很好玩的设计</h3>
					</dd>
				</dl>
			</div>
			<div id="gather_panel_4">
				<dl>
					<dt style="background-image: url(img/profile/group_mother.jpg);"><i>1</i></dt>
					<dd>
						<i>16:41</i>
						<h2>阳光小区妈妈大本营</h2>
						<h3>今天小区有人遛狗</h3>
					</dd>
				</dl>
			</div>
			<div id="gather_panel_5">
				<dl>
					<dt style="background-image: url(img/profile/group2.jpg);"><i>1</i></dt>
					<dd>
						<i>16:41</i>
						<h2>英语辅导2班家长交流群(30)</h2>
						<h3>今日打卡提醒，李磊家长，你家孩子没有在线打卡</h3>
					</dd>
				</dl>
			</div>
			<div id="gather_panel_6">
				<dl>
					<dt style="background-image: url(img/profile/group_eat.jpg);"><i>1</i></dt>
					<dd>
						<i>16:41</i>
						<h2>吃货联盟</h2>
						<h3>门口火锅店打7折啊！！</h3>
					</dd>
				</dl>
			</div>
			<div id="gather_panel_7">
				<dl>
					<dt style="background-image: url(img/profile/group_word.jpg);"><i>1</i></dt>
					<dd>
						<i>16:41</i>
						<h2>海外代购杂货铺</h2>
						<h3>原单童装打7折，今天可以寄到国内</h3>
					</dd>
				</dl>
			</div>
			<div id="gather_panel_8">
				<dl>
					<dt style="background-image: url(img/profile/group_leader.jpg);"><i>1</i></dt>
					<dd>
						<i>16:41</i>
						<h2>小组leader集中营</h2>
						<h3>这个月全勤奖又黄了</h3>
					</dd>
				</dl>
			</div>
			<dl>
				<dt style="background-image: url(img/profile/group.jpg);"><i>1</i></dt>
				<dd>
					<i>16:41</i>
					<h2>丸子小学102班家长群</h2>
					<h3>赵老师：@all这周的课外拓展</h3>
				</dd>
			</dl>
			<dl>
				<dt style="background-image: url(img/profile/teacher_z.jpg);"><i>1</i></dt>
				<dd>
					<i>16:41</i>
					<h2>英语培训赵老师</h2>
					<h3>薇薇妈，薇薇的学习进度已经同步发您微信啦</h3>
				</dd>
			</dl>
			<dl>
				<dt style="background-image: url(img/profile/teacher_w.jpg);"><i>1</i></dt>
				<dd>
					<i>16:41</i>
					<h2>钢琴王老师</h2>
					<h3>本年度考级已经全面启动，请大家留意群里的最新动态</h3>
				</dd>
			</dl>
			<dl>
				<dt style="background-image: url(img/profile/group.jpg);"></dt>
				<dd>
					<i>16:41</i>
					<h2>丸子小学102班家长群</h2>
					<h3>赵老师：@all这周的课外拓展</h3>
				</dd>
			</dl>
			<dl>
				<dt style="background-image: url(img/profile/husband.jpg);"></dt>
				<dd>
					<i>16:41</i>
					<h2>老公</h2>
					<h3>老公，我今天加班，薇薇今天学校大扫除</h3>
				</dd>
			</dl>
		</div>
	</div>
</div>

</body>
</html>